<?php
/*
Template Name: Landing Page
*/
?>
<?php get_template_part('inc/header'); ?>

<section class="row">
    <img src="<?php echo THEME_IMAGES; ?>/banner-home.jpg" alt="<?php echo get_bloginfo( 'name' ); ?>" width="800" height="359">
</section>

<section id="module-form" class="row">
	<div class="col-sm-3">
		<div class="first-visit">
			<p>First visit?</p>
			<p><a class="btn btn-fv" href="/sign-in/">Register here</a></p>
			<div class="line"></div>
		</div>
	</div>
	
	<form id="form-signin" class="form-signin" role="form">
		<div class="col-sm-3">
			<div class="already">
				<p class="after">Already registered?</p>
				<p>
					<label for="exampleInputEmail1">Email address</label>
					<input class="style1" name="email" parsley-required="true" parsley-type="email" type="email" id="exampleInputEmail1">
				</p>
				<p>
					<label for="exampleInputPassword1">Password</label>
					<input class="style1" name="password" parsley-required="true" type="password" id="exampleInputPassword1">
				</p>
			</div>
		</div>
		
		<div class="col-sm-3">
			<div class="signin">
				<p><button type="submit" class="btn btn-fv">Sign in</button></p>
				<p><a href="/forgot-your-password/">Forgot your password?</a></p>
			</div>
		</div>
	</form>
	
	<div class="col-sm-3 enter4pin">
		<img id="enter4pin" src="<?php echo THEME_IMAGES; ?>/enter4pins.png" alt="<?php echo get_bloginfo( 'name' ); ?>" width="232" height="232">
	</div>
</section>

<footer id="main-footer" class="row">
	<div class="col-sm-6">
		<img id="footer-logo" src="<?php echo THEME_IMAGES; ?>/logo-footer.png" alt="<?php echo get_bloginfo( 'name' ); ?>" width="294" height="155">
	</div>
	<div class="footer-bg col-sm-6">
		<p class="find">Find your PIN on packages<br><u>of participating POM<sup>&#174;</sup> products.</u></p>
	</div>
</footer>

<?php get_template_part('inc/footer'); ?>